使用 Fireworks

使区域透明

可以为 GIF 和 8 位 PNG 设置透明区域,这样在 Web 浏览器中,透过这些区域可以看到网页的背景。在 Fireworks 中,文档预览上的灰白棋盘图案表示透明区域。

Fireworks 中优化的图像预览;导出具有透明度并放置在具有彩色背景的网页上的图像


注:尽管在“优化”面板中看不到 32 位 PNG 的透明度选项,但 32 位 PNG 自动包含透明度。

导出包含透明区域的 GIF 图像时,应该使用索引色透明。有了索引色透明,可以在导出时将特定颜色设为透明。索引色透明打开或关闭具有特定颜色值的像素。因为 GIF 支持索引色透明,所以它是 Web 上最常用的透明形式。

注:默认情况下,Fireworks 中的 GIF 图像导出时不具有透明度。即使图像或对象后面的画布在 Fireworks 中的原始视图中显示为透明,这并不表示在将该图像导出为 GIF 以便在 Web 上使用时,它的背景也显示为透明。必须在导出前选择“索引色透明”。

还可以使用 Alpha 透明度,但它并不常用于 Web 图形,因为只有 PNG 支持它,而大多数 Web 浏览器不支持 PNG 格式。Alpha 透明度常用在包含渐变透明和半透明像素的导出图形中。Alpha 透明度也可用于将文件导出到 Flash 或 Adobe Director,因为这两个应用程序都支持这种类型的透明度。

注:将颜色设为透明只影响图像的导出版本,而不影响实际图像。可以在预览中查看导出图像的外观。有关文档预览按钮的信息,请参阅预览和比较优化设置

为透明度选择一种颜色:

1. 单击文档窗口左上角的“预览”、“2 幅”或“4 幅”按钮。在“2 幅”或“4 幅”视图中,单击除原始视图之外的某个视图。

2. 从“优化”面板底部的“透明度”弹出菜单中选择“索引色透明”。

画布颜色在预览中变得透明。

3.  要选择其它颜色,请单击“选择透明色”按钮。

指针变为滴管状。

4. 执行下列操作之一选择要变为透明的颜色:

• 在“优化”面板颜色表中单击颜色样本。

• 在文档中单击一种颜色。

添加或删除透明色:

1. 单击文档窗口左上角的“预览”、“2 幅”或“4 幅”按钮。在“2 幅”或“4 幅”视图中,单击除原始视图之外的某个视图。

注:可以在原始视图中添加或删除透明色,但只有在显示预览时才能查看结果。

2. 在“优化”面板中,单击“添加颜色到透明效果中”或“从透明效果中删除颜色”按钮。

3. 执行下列操作之一,以选择要添加或删除透明效果中的颜色:

• 在“优化”面板颜色表中单击颜色样本。

• 在预览中单击一种颜色。

将图像背景变为透明:

1. 单击文档窗口左上角的“预览”、“2 幅”或“4 幅”按钮。在“2 幅”或“4 幅”视图中,单击除原始视图之外的某个视图。

2. 在“优化”面板中选择“GIF”作为文件格式,并从“透明度”弹出菜单中选择“索引色透明”。

画布颜色在预览中变为透明,图形准备好导出。